<template>
  <div class="pbox">
    
  </div>
</template>
<script setup>
import Box from "@/components/Box/index.vue";
import BaseButton from "@/components/Button/index.vue";
import { reactive } from "vue";
const btnArr = reactive([
  {
    text: "日",
    checked: true,
  },
  {
    text: "月",
    checked: false,
  },
  {
    text: "年",
    checked: false,
  },
]);
function btnFn(item) {
  // 将其他按钮设置成false
  btnArr.forEach((element) => {
    element.checked = false;
  });
  item.checked = true;
}
</script>
<style scoped>
.pbox {
  width: 100%;
  flex:1;
}
.rightBtn {
  display: flex;
  gap: 10px;
}
</style>